import React from "react";
import {
  Layout,
  Breadcrumb,
  Form,
  Input,
  DatePicker,
  Button,
  Table,
  Card,
} from "antd";
import "./index.less";

const { Content } = Layout;

const Pg2: React.FC = () => {
  const columns = [
    { title: "项目编号", dataIndex: "projectId", key: "projectId" },
    { title: "项目名称", dataIndex: "projectName", key: "projectName" },
    { title: "是否高风险", dataIndex: "isHighRisk", key: "isHighRisk" },
    { title: "确认计划上线日期", dataIndex: "confirmDate", key: "confirmDate" },
    { title: "计划上线日期", dataIndex: "planDate", key: "planDate" },
    { title: "上线时间段", dataIndex: "timeSlot", key: "timeSlot" },
    { title: "项目经理", dataIndex: "manager", key: "manager" },
    { title: "所属团队", dataIndex: "team", key: "team" },
    { title: "所属部门", dataIndex: "department", key: "department" },
    { title: "关联项目", dataIndex: "relatedProject", key: "relatedProject" },
    { title: "上线投产小组组长", dataIndex: "groupLeader", key: "groupLeader" },
    {
      title: "是否允许数据中心调整上线日期",
      dataIndex: "allowAdjust",
      key: "allowAdjust",
    },
  ];

  return (
    <Layout className="pg2-layout" data-oid="dqf064n">
      <Content className="pg2-content" data-oid="lsp7suh">
        <Breadcrumb className="pg2-breadcrumb" data-oid="bkr19wt">
          <Breadcrumb.Item data-oid="u-kuwsb">上线日历表</Breadcrumb.Item>
          <Breadcrumb.Item data-oid="_phiz9y">T+2报表</Breadcrumb.Item>
          <Breadcrumb.Item data-oid="uf0eimk">上线周报表</Breadcrumb.Item>
          <Breadcrumb.Item data-oid="2b.9t99">卡中心上线报表</Breadcrumb.Item>
        </Breadcrumb>

        <Card className="pg2-filter" data-oid="kvnjylz">
          <Form layout="inline" data-oid="1vx35y3">
            <Form.Item label="请选择计划上线时间段" data-oid="ay1l.:v">
              <Input.Search
                style={{ width: 150 }}
                defaultValue="2025-04-28 ~ 2025-05-04"
                data-oid="-9yncdf"
              />
            </Form.Item>
            <Form.Item label="项目编号" data-oid="lv9-3y7">
              <Input.Search
                style={{ width: 150 }}
                placeholder="请输入项目编号"
                data-oid="pa_v1.g"
              />
            </Form.Item>
            <Form.Item label="团队名称" data-oid="xnu6sz4">
              <Input.Search
                style={{ width: 150 }}
                placeholder="请输入团队名称"
                data-oid="7oc_6u1"
              />
            </Form.Item>
            <Form.Item label="确认计划上线日期" data-oid="tq-9-0f">
              <DatePicker style={{ width: 150 }} data-oid="p657u_z" />
            </Form.Item>
            <Form.Item label="计划上线日期" data-oid="5.3wlvd">
              <DatePicker style={{ width: 150 }} data-oid="0t0mw3c" />
            </Form.Item>
            <Form.Item label="项目经理" data-oid="l81to4-">
              <Input.Search
                style={{ width: 150 }}
                placeholder="名称/员工编号"
                data-oid=".2iq3gm"
              />
            </Form.Item>
            <Form.Item data-oid="pzifzm7">
              <Button type="primary" data-oid="zu1gypi">
                查询
              </Button>
            </Form.Item>
            <Form.Item data-oid="vhz-uif">
              <Button type="primary" data-oid="l9zcr84">
                导出Excel
              </Button>
            </Form.Item>
            <Form.Item data-oid="qg1vuny">
              <Button type="dashed" data-oid="q0svm88">
                筛选
              </Button>
            </Form.Item>
          </Form>
        </Card>

        <Card className="pg2-table" data-oid="hda.cg0">
          <Table
            columns={columns}
            dataSource={[]}
            pagination={false}
            locale={{ emptyText: "暂无数据" }}
            data-oid="_zyrx8g"
          />
        </Card>
      </Content>
    </Layout>
  );
};

export default Pg2;
